<template>
	<view class="wrap">
		<view class="article-title">{{res.msgTitle}}</view>
		<view class="article-meta">
			{{res.msgContent}}</text>
		</view>
		通知人:
		<view class="article-meta">
			{{res.receiveNames}}</text>
		</view>	
		
		<button v-if="flag" >查看详情</button>
		<view class="u-p-t-5"></view>
	</view>
</template>
<script>
/**
 * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
 */
export default {
	data() {
		return {
			ID:'',
			content: '',
			flag:false,
			res:{}
		};
	},
	
	onLoad(option) {
		this.ID=option.id
		if(this.ID){
			this.getDeail()
		}
		
	},
	methods: {
		getDeail(){
			var _this=this;
			_this.$u.api.message.getDetail({ id: _this.ID }).then((res) => {
				_this.res = res.msgInner
			});
		}
	}
};
</script>
<style lang="scss">
page {
	background-color: #f8f8f8;
}
.article-title {
	font-size: 38rpx;
	font-weight: 400;
	text-align: center;
	padding-bottom: 30rpx;
	margin: 30rpx;
	border-bottom: 1px solid #c0c4cb;
	color: #51a0d5;
}
.article-meta {
	padding: 10rpx 50upx 30rpx;
	color: gray;
}
.article-content {
	padding: 0 30upx;
	overflow: hidden;
	font-size: 30rpx;
	line-height: 50rpx;
	margin-bottom: 30rpx;
	text-indent: 60rpx;
	/deep/ p {
		margin-bottom: 20rpx;
	}
}
</style>
